<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>会员详情</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="js/jquery/jquery.mobile-1.4.5.min.css" />

    <link rel="stylesheet" href="css/total/index.css" />
    <link rel="stylesheet" href="css/total/button.css" />
</head>

<body>
    <div data-role="page" id="member">
        <div data-role="none">
            <div class="privilege_head">
            </div>
            <a data-role="none" href="mine.html">
                <image data-role="none" src="img/arrow187.png" class="img-arrow" />
            </a>
            <div>
                <p class="member-p-me">我的经验值:
                    <span id="levelscore"></span></p>
                <p class="member-p_me" id="level"></p>
                <table class="member-table">
                    <tr>
                        <th style="color:#ffcf01" class="member-table-tr">0</th>
                        <th></th>
                        <th class="member-table-tr">100</th>
                        <th></th>
                        <th class="member-table-tr">500</th>
                        <th></th>
                        <th class="member-table-tr">1000</th>
                    </tr>
                    <tr>
                        <th style="color:#ffcf01" class="member_font_color">青</th>
                        <th class="member_th">
                            <hr style="margin-top:10px;" color=lightgrey width=100% size=2.5 noshade />
                        </th>
                        <th class="member_font_color">银</th>
                        <th class="member_th">
                            <hr style="margin-top:10px;" color=lightgrey width=100% size=2.5 noshade />
                        </th>
                        <th class="member_font_color">金</th>
                        <th class="member_th">
                            <hr style="margin-top:10px;" color=lightgrey width=100% size=2.5 noshade />
                        </th>
                        <th class="member_font_color">钻</th>
                    </tr>
                </table>
                <h5 class="member_explain">再积1经验值，可升到白金会员</h5>
            </div>
            <div>
                <h4 class="member_off">升级后可享受会员专属特权</h4>
                <h4 class="member-a-privilege"><a href="privilege.html" style="color:#f7c700" class="member-a">查看全部特权</a></h4>
            </div>
            <div data-role="none">
                <h4 style="color:grey;margin-top:15%;margin-left:5%;">如何获取经验值?</h4>
                <table style="text-align:center;color:grey;" cellpadding="10" data-role="none" class="member-table-ex">
                    <tr data-role="none" class="member-table-tr2">
                        <td style="width:90px;" class="member-table_left">用户行为</td>
                        <td style="width:50px;">经验值</td>
                        <td class="member-table_right">说明</td>
                    </tr>
                    <tr data-role="none" class="member-table-tr2">
                        <td class="member-table_left">登录Vmetro</td>
                        <td style="color:red;font-size:20px;" class="member-table_middle">+2</td>
                        <td class="member-table_right">每日上限2</td>
                    </tr>
                    <tr data-role="none" class="member-table-tr2">
                        <td class="member-table_left1">购买地铁票</td>
                        <td style="color:red;font-size:20px;" class="member-table_bottom">+n</td>
                        <td class="member-table_right1">n为地铁票打折前票价</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

        <script src="js/jquery/jquery-1.12.0.min.js"></script>
        <script src="js/jquery/jquery.mobile-1.4.5.min.js"></script>


        <script>
            $(function() {
                $.post(
                    "function/member.php", {
                        city: 1
                    },
                    function(data) {
                        $('#levelscore').text(data.levelscore);
                        $('#level').text(data.level);
                    }, 'json'
                );
            });

        </script>
</body>

</html>
